* {
    padding: 0;
    margin: 0;
}
a:link,a:active,a:hover,a:visited {
    color: #ffffff;
    text-decoration: none;
}
body {
    font-family: "微软雅黑";
}
img {
    width: 100%;
}
ul {
    margin-bottom: 0;
    list-style: none;
}
#hide-btn {
    color: #dfd0a6;
    font-size: 1.3em;
    font-weight: bold;
    background-color: #191918;
    padding: 0 0.3em;
    position: fixed;
    right: 0.5em;
    top: 1.1em;
    border: none;
    outline: none;
    border-radius: 0.35em;
    display: none;
    z-index: 999;
}
#fh5co-offcanvas {
    display: none;
    height: 100%;
    right: 0;
    overflow-y: auto;
    position: fixed;
    z-index: 0;
    top: 0;
    width: 275px;
    border-left: 3px solid #fff;
    margin-left: 5px;
    padding:30px 0;
    background-color: #ab8820;
}
#fh5co-offcanvas ul li a {
    display: block;
    line-height: 3em;
    padding: 0 30px ;
}
#fh5co-offcanvas ul .active a {
    background: #674b00;
}
#hide-menu {
    position:fixed;
    right: 0.5em;
    top: 0.25em;
    color: #ffffff;
    background:none;
    border:none;
    outline:none;
    font-size:1.8em;
    z-index: 999;
}
#fh5co-page {
    z-index: 2;
    background-color: #ffffff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
}
.fh5co-offcanva {
    display: block !important;
}
.totals {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.total {
    position: relative;
    -moz-transform: translateX(-275px);
    -webkit-transform: translateX(-275px);
    -ms-transform: translateX(-275px);
    -o-transform: translateX(-275px);
    transform: translateX(-275px);
}
.js-fh5co-nav-toggle {
    display: none !important;
}
.js-fh5co-nav-tog {
    display: block !important;
}
/*top-link*/
.top-link {
    font-size: 12px;
    background-color: #876123;
    line-height: 36px;
}
.top-link .pull-left {
    color: #ffffff;
}
.top-link .pull-right ul li a {
    border-right: 1px solid #ffffff;
    padding-right: 12px;
}
.top-link .pull-right ul li:last-child a {
    border: none;
}
/*top-link end*/
/*header-bottom*/
.header-bottom {
    padding-top: 8px;
}
.header-bottom .logo {
    float: left;
}
.header-bottom .menu {
    float: left;
    padding: 46px 0 0 24px;
}
.header-bottom .menu ul li {
    position: relative;
}
.header-bottom .menu ul li a {
    color: #2e2e2e;
    font-size: 16px;
    padding: 40px 28px 23px 28px;
    display: block;
}
.header-bottom .menu ul .active a,.header-bottom .menu ul li:hover a {
    color: #876123;
    border-top: 3px solid #876123;
}
.header-bottom  .menu li .dropdown-menu {
    background-color: #876123;
    z-index: 9999;
    padding: 0;
    margin: 0;
}
.header-bottom  .menu li .dropdown-menu li a {
    font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 14px;
}
.header-bottom  .menu li .dropdown-menu li:last-child a {
    border-bottom:none;
}
.header-bottom  .menu li .dropdown-menu li:hover a {
    background-color: #ca8e51 !important;
}
.header-bottom  .menu li:hover .dropdown-menu {
    display: block;
}
.login-button {
    padding-top: 58px;
}
.login-button ul li {
    background-color: #876123;
    border-radius: 0.6em;
    padding: 0;
}
.login-button ul li a {
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 8px 10px;
}
/*header-bottom end*/
.product-promotion{
    padding-bottom: 50px;
}

/*product-show*/
.title {
    padding: 40px 0 28px 0;
}
.big-title,.small-title {
    text-align: center;
    background: url("../images/xian_03.jpg") no-repeat;
    background-size: contain;
    position: relative;
}
.big-title {
    background-position-y: 6px;
}
.small-title {
    background-position-y: 4px;
    margin-top: 8px;
}
.big-title h2 {
    color: #876123;
    font-size: 24px;
    font-weight: bold;
    background-color: #ffffff;
    display: initial;
}
.small-title span {
    color: #876123;
    font-size: 12px;
    border: 1px solid #876123;
    border-radius: 0.35em;
    background-color: #ffffff;
    display: initial;
    padding: 0 24px;
    text-transform: uppercase;
}
.product-showing .col-md-4 {
    margin-bottom: 20px;
}
.pro-bj {
    background: url("../images/product-bjs_03.png") no-repeat;
    background-size: cover;
    padding: 10px 12px 70px 12px;
}
.pro-bj .pro-intro {
    display: block;
}
.pro-bj .pro-intro1 {
    display: none;
}

.pro-intro1 {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    opacity: 0.5;
    padding-top: 42%;
}
.pro-intro1,.pro-intro {
    text-align: center;
}
.pro-intro1 p {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 40px;
}
.pro-intro1 p a {
    color: #2e2e2e;
}
.pro-intro1 sprice {
    color: #876123;
    font-weight: bold;
}
.pro-intro1 sprice del {
    color: #868484;
    font-size: 12px;
    font-weight: normal;
    padding-left: 12px;
}
.pro-intro {
    display: none;
    padding-top: 60px;
}
.pro-intro p {
    margin-bottom: 0;
}
.pro-intro p a{
    color: #000000;
    font-weight: bold;
}
.pro-intro p {
    font-size: 1.1em;
    font-weight: bold;
    padding: 18px 0 12px 0;
}
.pro-intro sprice {
    color: #f00000;
    font-size: 16px;
    font-weight: bold;
    display: block;
}
.pro-intro sprice del {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    padding-left: 12px;
}
.pro-intro span {
    font-weight: bold;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 0.6em;
    padding: 10px 5px ;
    margin-top: 12px;
}
.pro-intro span:hover {
	background-color: #b97a23;
}
.pro-intro span a {
    color: #f00000;
}

/*product-show end*/


.sprice {
    padding-bottom: 82px;
    display: flow-root;
}
.sprice .sprices {
	color:#f00000;
    float: left;
}

.sprice a {
    color: #f00000;
    font-size: 18px;
    font-weight: bold;
    background-color: #ffffff;
    padding: 10px 12px;
    border-radius: 0.6em;
    float: right;
}
.sprice a:hover {
	background-color: #b97a23;
}

/*about-us*/
.about-infor {
    background-color: #876123;
    padding: 78px 78px 90px 78px;
}
.about-us-infor {
    color: #ffffff;
    border: 1px solid #b9a37f;
    padding: 72px 98px 80px 90px;
}
.about-us-infor h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 58px;
}
.about-us-infor h2 small {
    display: block;
    color: #ffffff;
    padding-top: 10px;
}
.about-us-infor p {
    line-height: 30px;
    margin-bottom: 0;
    text-indent: 2em;
    text-align: justify;
}
.about-us-infor span {
    background-color: #ffffff;
    border-radius: 0.6em;
    margin-top: 34px;
    padding:10px 0px;
    display: inline-block;
}
.about-us-infor span a {
    color: #875123;
    padding:10px 12px;
}
.about-us-infor span a:hover {
	background-color:#b97a23;
}
.about-us .col-md-6 {
    padding: 0;
}
/*about-us end*/
/*view-show*/
.view-show {
    clear: both;
}
/*view-show end*/
/*news-consultation*/
.news-consultation {
    background: url("../images/news-bj_06.jpg") no-repeat;
    padding:62px 0;
    margin-top: 40px;
}
.news-consultation-infor {
    background-color: #ffffff;
    opacity: 0.75;
    padding: 30px 0;
}
.news-consultation .col-md-6 h1 {
    color: #876123;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 24px;
}
.news-consultation .col-md-6 h1 small {
    color: #876123;
    display: block;
    padding-top: 10px;
}
.news-title li {
    background: url("../images/news-titlebj_03.png") no-repeat;
    background-position-y: 32px;
    padding: 24px 0 24px 28px;
    border-top: 1px dashed #b09872;
}
.news-title li:last-child {
    border-bottom: 1px dashed #b09872;
}
.news-title li p a {
    color: #2e2e2e;
}
.news-title li p a:hover {
    color: #876123;
}
.news-title li p time {
    float: right;
}
.news-consultation .konw-detail {
    clear: both;
    background-color: #876123;
    padding: 10px 0;
    display: inline-block;
    margin-top: 15px;
    border-radius: 0.6em;
}
.news-consultation .konw-detail:hover {
	background-color:#b97a23;
}

.news-movebox .img img{
    width: 250px;
    height: 442px;
}
.news-movebox ul li{
    margin-bottom: 26px;
}

.about-us-infor span:hover {
	background-color:#b97a23;
	border-radius: 0.6em;
}
.news-consultation  .konw-detail a {
    padding: 10px 15px;
}
/*news-consultation end*/
/*content-index end*/
/*footer*/
footer {
    color: #2e2e2e;
    background-color: #e8ceb4;
}
footer ul {
    text-align: center;
    border-bottom: 1px solid #c6a881;
}
footer ul li {
    padding: 40px 0 30px 0;
}
footer ul li a {
    color: #876123 !important;
}
footer .footer {
    padding: 24px 0 34px 0;
}
.scan-follow {
    border-right: 1px solid #c6a881;
}
.footer .col-md-6 {
    padding: 16px 15px 24px 15px;
}
.footer-siderleft {
    float: right;
    display: -webkit-inline-box;
    padding-right: 122px;
}
.footer .col-md-6 .scan {
    font-weight: bold;
    width: 20px;
    padding:18px 12px 0 0;
}
.erweima-img img {
    width: inherit;
}
.footer-siderright {
    padding-left: 112px !important;
}
.footer-siderright p {
    margin-bottom: 0;
    line-height: 30px;
}
.footer-siderright p span {
    padding-left: 30px;
}
.footer-bottom {
    background-color: #876123;
    line-height: 42px;
}
.footer-bottom p {
    color: #ffffff;
    margin-bottom: 0;
}
.footer-bottom p span {
    float: right;
}
.footer-contanct {
    display: none;
}
/*footer end*/
/*brand*/
.bread {
    background-color: #e9d3bd;
}
.bread ol {
    margin-bottom: 0;
}
.bread .breadcrumb {
    padding: 0;
    margin: 0;
    line-height: 35px;
    background-color: #e9d3bd;
}
.bread .breadcrumb li,.bread .breadcrumb li a {
    color: #2e2e2e;
}
.bread .breadcrumb>li+li:before {
    color: #2e2e2e;
    content: ">";
}
/*brand end*/
/*product-index*/
.product-index {
    padding-top: 70px;
}
.product-index .product-title ul {
    text-align: center;
    padding-bottom: 8px;
}
.product-index .product-title ul li a{
    font-size: 16px;
    background-color: #d18e4a;
    padding: 12px 20px;
    display: block;
    border-radius: 0.6em;
}
.product-index .product-title ul .active a,.product-index .product-title ul li:hover a {
    color: #2e2e2e;
    background-color: #e9d3bd;
}
.product-total ul li {
    padding-top: 40px;
}
.product {
    border:3px solid #d18e4a;
}
.product-infor {
    text-align: center;
    background-color: #d18e4a;
    padding: 12px 0 20px 0;
}
.product-infor h2 {
    font-size: 14px;
    padding-bottom: 12px;
    margin-top: 0;
}
.product-infor h2 a {
    color: #2e2e2e;
}
.product-infor h2 a:hover {
    color: #ffffff;
}
.product-infor sprice {
    color: #ffffff;
    font-weight: bold;
}
.product-infor sprice del {
    color: #c8c4c4;
    font-weight: normal;
    font-size: 12px;
    padding-left: 5px;
}
.product-infor span {
    background-color: #ffffff;
    border-radius: 0.6em;
    padding: 10px 0px;
    margin-left: 10px;
}
.product-infor span:hover {
    background-color: #ffd48d;
}
.product-infor span a {
    color: #876123;
    padding: 8px 15px;
}
.product-img {
    overflow: hidden;
}
.product-img img {
    transform: scale(1);
    height: 415px;
}
.product-img:hover img {
    transform: scale(1.2);
    transition: all 0.3s ease-out;
}
/*page-nav*/
.page-nav {
    clear: both;
    text-align: center;
}
.page-nav .pagination {
    margin: 44px 0 50px 0;
}
.page-nav .pagination>li>a, .pagination>li>span {
    color: #ffffff;
    background-color: #d18e4a;
    opacity: 0.5;
    padding: 10px 16px;
    border:none;
}
.page-nav .pagination>li>a span {
    padding-left: 0 !important;
}
.page-nav .pagination>li>a:hover, .pagination>li>span:hover {
    opacity: 1;
}
.page-nav .pagination>.active>a:hover, .pagination>.active>span:hover {
    background-color: #d18e4a;
}
.page-nav .pagination>.active a {
    opacity: 1;
}
.page-nav .pagination>li:first-child>a, .pagination>li:first-child>span{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.page-nav .pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
/*page-nav*/
/*product-index end*/
/*product-detail*/
.product-xpcphone .swiper-slide {
    padding-bottom: 30px;
}
.product-xpcphone {
    display: none;
}
.product-detail {
    padding-top: 48px;
}
.product-product {
    margin-bottom: 44px;
}
.product-specifications h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 28px 0 26px 0;
}
.product-specifications span {
    padding-left: 30px;
}
.postal-service {
    padding: 2px 0 4px 0;
}
.postal-service p {
    color: #876123;
    font-size: 16px;
    font-weight: bold;
}
.postal-service p span {
    color: #6e6c69;
    font-size: 14px;
    font-weight: normal;
    padding-left: 12px;
}
.color-number p:first-child span {
    border: 1px solid #d5c3a8;
    padding: 12px 10px;
    border-radius: 1.2em;
    display: inline-block;
}
.color-number p:nth-child(2) {
    margin-bottom: 0;
}
.color-number p:nth-child(2) span {
    border: 1px solid #d5c3a8;
    padding: 6px 18px;
    display: inline-block;
    margin-left: 14px;
}

.product-info .product-attr dl{
    padding: 10px 0;
    margin: 0;
}
.product-info .product-attr dl dt{
    float: left;
}
.product-info .product-attr dl dt label{
    width: 100%;
}
.product-info .product-attr sup{
    color: #ff0000;
    font-weight: bold;
}
.product-info .product-attr dl dd{
    display: inherit;
}
.product-info .product-attr li{
    border: 1.6px solid #946825;
    padding: 0.1em 0.8em;
    margin-right: 8px;
    position: relative;
}
.product-info .product-attr .validation-advice{
    display: block;
    font-size: 14px;
    color: #ff0000;
}
.product-info .product-attr li span {
    font-size: 14px;
}
.product-info .product-attr li:hover,.product-info .product-attr .active{
    border: 1.6px solid #ff0000;
    cursor:pointer
}
.product-info .product-attr li i{
    background-image: url("../images/attr-selected.png");
    position: absolute;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    overflow: hidden;
    text-indent: -99em;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.product-info span ul li{
    list-style-type: none;
}
.product-info .num{
    padding-top: 10px;
}
.product-info .num label{
    float: left;
}
#count {
    text-align: center;
}
.shopping-qty {
    width: 30% !important;
    text-align: center;
}

.color-number {
    padding-top: 6px;
    border-top: 1px dashed #c7b597;
    border-bottom: 1px dashed #c7b597;
    padding-bottom: 8px;
}
.jion-in {
    padding-top: 12px;
}
.jion-in a {
    background-color: #876123;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 0.6em;
}
.product-detail-infor .nav-tabing{
    background-color:#d18e4a ;
}
.product-detail-infor .nav-tabing li a {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 16px 38px;
    border-right: 1px solid #c18441;
    border-top:6px solid #d18e4a;
}
.product-detail-infor .nav-tabing .active a,.product-detail-infor .nav-tabing li:hover a {
    color: #ffffff;
    background-color: #d18e4a;
    border-top:6px solid #875123;
}
.product-detail-infor {
    padding-bottom: 96px;
}
.product-detail-infor .tab-content {
    background-color: #e9d3bd;
    padding-top: 14px;
}
.recommend-product h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    background-color: #d18e4a;
    margin: 0;
    padding: 12px 0;
    text-align: center;
}
.recommend-product .product-total h2 {
    font-size: 14px;
    font-weight: normal;
    padding-top: 0;
    margin-bottom: 10px;
}
#home p:first-child {
    padding-left: 20px;
    line-height: 30px;
}
/*product-detail end*/
/*news-index*/
.news-title h1 {
    color: #2e2e2e;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 24px 0 16px 0;
}
.news-title h1 small {
    color: #876123;
    display: block;
    font-weight: bold;
    padding-top: 10px;
}
.news-index .news-list .news-dynamic li {
    padding: 10px 0;
    border-top: 1px dashed #a8834b;
}
.news-index .news-list .news-dynamic li:last-child {
    border-bottom:1px dashed #a8834b;
}
.news-index .news-list .news-dynamic li .col-md-3 img {
	height: 150px;
}
.news-index .news-list .news-dynamic li h2 {
    margin-top: 0;
}
.news-index .news-list .news-dynamic li h2 a {
    color: #2e2e2e;
    font-size: 16px;
    font-weight: bold;
}
.news-index .news-list .news-dynamic li h2 a:hover {
    color: #956925;
}
.news-index .news-list .news-dynamic li p {
    text-indent: 2em;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}
.news-index .news-list .news-dynamic li span {
    background: url("../images/jia.png") no-repeat;
    padding-left: 18px;
    background-position-y: 3px;
}
.news-index .news-list .news-dynamic li span a {
    color: #956925;
}
.news-index .news-list .news-dynamic li span a:hover {
    color: #2e2e2e;
}
.news-index .news-list .news-dynamic li time {
    font-size: 14px;
    float: right;
    margin-top: 12px;
}

.news-infor {
    padding-bottom: 40px;
}
.news-infor .title {
    padding: 0;
}
.news-infor .title h1 {
    color: #956925;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0;
}
.share-you li img {
    width: 20px;
    height: 20px;
}
.news-source ul li {
    padding: 0 30px;
}
.share-you li {
    padding:0 5px !important;
}
.news-source ul li:last-child {
    display: -webkit-inline-box;
}
.news-source {
    text-align: center;
}
.news-intro {
    padding-top: 30px;
    line-height: 25px;
}
.news-intro p {
    padding-bottom: 26px;
    margin: 0;
}
.news-intro img {
    padding-bottom: 28px;
}
.news-information p {
    text-indent: 0;
}
.news-page ul {
    text-align: center;
}
.news-page ul li a {
    background-color: #d18e4a;
    padding: 10px 24px;
    border-radius: 0.6em;
    display: block;
}
/*news-index end*/
/*about-us-index*/
.company-infor {
    color: #2e2e2e;
    padding: 50px 0 40px 0;
}
.company-infor h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 50px;
    text-indent: 2em;
}
.company-infor p {
    text-indent: 2em;
    margin-bottom: 36px;
    text-align: justify;
}
.corporate-culture {
    position: relative;
    top:0;
    margin-bottom: 156px;
}
.corporate-culture-infor {
    background-color: #ffffff;
    opacity: 0.75;
    position: absolute;
    top:60px;
    left: 18%;
    right: 18%;
    padding-bottom: 114px;
    box-shadow: 4px 4px 5px #d1d1d1;
}
.corporate-culture-infor ul {
    list-style-type: disc;
    padding-left: 20%;
    padding-right: 0%;
}
.corporate-culture-infor ul li {
    padding-left: 30px;
    padding-bottom: 8px;
}
.corporate-culture-infor h3 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 62px;
    margin-top: 100px;
}
/*about-us-index end*/
/*contact-us-index*/
.erweima-imgs img {
    padding-top: 70px;
    width: 30%;
    margin: auto;
    display: block;
}
.contact-us .col-md-8 p {
    text-align: center;
}
.contact-us {
    padding-top: 56px;
}
.contact-us-index .contact-us .title h3 {
    text-align: center;
    font-weight: bold;
}
.contact-us-index .contact-us .title h3 small {
    color: #876123;
    display: block;
    font-weight: bold;
    padding-top: 10px;
}
.contact-us .company-contact-method {
    margin: auto;
    display: table;
}
.contact-us p {
    font-size: 16px;
}
.contact-us span {
    padding-left: 30px;
}
.leave-message {
    background-color: #956925;
}
.leave-message h1 {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 38px 0 48px 0;
    margin-top: 70px;
}
.leave-message input {
    height: 50px;
    border-radius: 12px;
}
.leave-message .message .form-group {
    background: #ffffff;
    border-radius: 1em;
    margin-bottom: 20px;
}
.leave-message .message .form-group:nth-child(1) input {
    background: url("../images/contact_03.png") no-repeat center;
    background-position-x: 30px;
    padding-left: 60px;
}
.leave-message .message .form-group:nth-child(2) input {
    background: url("../images/contact_06.png") no-repeat center;
    background-position-x: 30px;
    padding-left: 60px;
}
.leave-message .message .form-group:nth-child(3) input {
    background: url("../images/contact_08.png") no-repeat center;
    background-position-x: 30px;
    padding-left: 60px;
}
.leave-message .message .form-group:nth-child(4) textarea {
    background: url("../images/contact_10.png") no-repeat center;
    background-position-x: 30px;
    padding-left: 60px;
    border-radius: 1em;
}
.btn-block {
    font-size: 16px;
    font-weight: bold;
    margin: 34px 0 68px 0;
    background-color: #dcb792;
}
.do-element-map-content {
    height: 378px;
}
/*contact-us-index end*/
/*login*/
.login-page {
    background: url("../images/login-bj_02.jpg") no-repeat;
    background-size: cover;
    padding: 58px 0 102px 0;
}
.box {
    width: 440px;
    margin: auto;
    background-color: #ffffff;
    opacity: 0.8;
    border-radius: 1em;
}
.box ul li {
    font-size: 18px;
    background-color: #e1c3a5;
    float: left;
    width: 220px;
    text-align: center;
    border: 1px solid #ffffff;
}
.box ul .active,.box ul li:hover {
    background-color: #876123;
}
.box ul li a {
    padding: 16px 0;
    display: block;
}
.box ul li:first-child {
    border-right: none;
    border-top-left-radius: 0.9em;
}
.box ul li:last-child {
    border-top-right-radius: 0.9em;
}
.login-page .form {
    padding: 30px 50px 54px 52px;
    clear: both;
}
.login-page .form .form-group:nth-child(2) input {
    background: url("../images/denglu_03.png") no-repeat;
    background-position-y: 6px;
    background-position-x: 12px;
    padding-left: 36px;
}
.login-page .form .form-group:nth-child(3)  input{
    background: url("../images/denglu_06.png") no-repeat;
    background-position-y: 6px;
    background-position-x: 12px;
    padding-left: 36px;
}
.sigin-page .form .form-group:nth-child(3)  input{
    background: url("../images/youxiang_03.png") no-repeat;
    background-position-y: 6px;
    background-position-x: 12px;
    padding-left: 36px;
}
.login-page .form .form-group:nth-child(4)  input{
    background: url("../images/denglu_06.png") no-repeat;
    background-position-y: 6px;
    background-position-x: 12px;
    padding-left: 36px;
}
.login-page .form .form-group:nth-child(5)  input{
    background: url("../images/denglu_06.png") no-repeat;
    background-position-y: 6px;
    background-position-x: 12px;
    padding-left: 36px;
}
.sigin-page .form {
    padding-bottom: 26px;
}
.sigin-page .button-button {
    margin: auto;
    display: table;
}
.sigin-page .button-button span {
    float: left;
    background: #876123;
    margin-right: 42px;
    border-radius: 0.6em;
}
.sigin-page .button-button span:nth-child(2) {
    margin-right: 0;
}
.sigin-page .button-button span a {
    color: #ffffff;
    padding: 10px 12px;
}
.login-page .form  a {
    color: #876123;
    float: right;
    display: block;
}
.login-page .form .ls-button {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background-color: #876123;
}
.error{
    color: #fd630a;
    font-size: 16px;
    line-height: 24px;
    background: #434a4f;
    padding: 10px 0;
    display: block;
}
.error i{
    color: #fd630a;
}
.forgotpassword{
    float: right;
    padding-top: 10px;
    padding-right: 10px;
    text-decoration: none;
}
.forgotpassword:hover{
    color: #946825;
}
.create-box button[type="button"],.create-box button[type="reset"] {
    color: #ffffff;
    font-size: 18px !important;
    background: #946825;
}
/*login end*/
.contact-box {
    width: 220px;
    min-height: 100px;
    background-color: #c99177;
    border-radius: 5px;
    z-index: 999;
    position: fixed;
    right: 20px;
    top:25%;
}
.contact-box-top {
    background-color:#f7e8b7;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    padding: 6px;
}
.contact-box .contact-box-middle {
    margin-top: 15px;
}
.contact-box .contact-box-middle a {
    display: block;
    padding: 10px;
}
.contact-box .contact-box-middle img {
    width: inherit;
}
.contact-box .contact-box-middle span {
    color: #ffffff;
    font-size: 16px;
}
.contact-box .contact-box-middle p {
    color: #ffffff;
    font-size: 18px;
}
.contact-box .contact-box-middle .phone {
    color: #ffffff;
    font-size: 18px;
}
.contact-box-bottom {
    border-top: 1px solid #cccccc;
    margin-top: 15px;
}
.contact-box-bottom img {
    width: 80%;
    margin: 20px 0 10px 0;
}
.contact-box-bottom p {
    color: #ffffff;
}
.contact-close-button {
    right: 10px;
    position: absolute !important;
    top: 10px !important;
    color: #df3c3f !important;
}

/*shopping-car*/
table {
    width: 100%;
    margin:0;
    padding:0;
    border-spacing: 0;
    margin: 0 auto;
}
table thead {
    background-color: #946825;
}
table tr {
    padding: 5px;
}
table tr img {
    vertical-align: initial;
}
table th, table td {
    padding: 10px;
}
table th {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
}

@media screen and (max-width: 768px) {

    table {
        border: 0;
    }

    table thead {
        display: none;
    }

    table tr {
        margin-bottom: 10px;
        display: block;
    }

    table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
        border-bottom: 0;
    }

    table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
    .shopping-ul-info img {
        float: inherit !important;
    }
    .order-content .table-responsive td {
        text-align:right;
    }
}
.shopping-cart{
    padding: 80px 0;
}
.shopping-cart .shopping-title,.shopping-cart .shopping-title i{
    font-size: 24px;
    padding-bottom: 10px;
}
.shopping-ul-title{
    background: #946825;
}
.shopping-ul-title li,.shopping-ul-info li{
    color: #ffffff;
    font-size: 18px;
    width: 10%;
    text-align: center;
    padding: 0.4em 0;
}
.shopping-ul-title li:nth-child(1),.shopping-ul-info li:nth-child(1){
    width: 3%;
}
.shopping-ul-title li:nth-child(2),.shopping-ul-info li:nth-child(2){
    width:55%;
    text-align: left;
    padding-left:30px;
}
.shopping-ul-info {
    border-bottom: 1px solid #c6c6c6;
}
.shopping-ul-info .input-group{
    display: inline-flex;
    width: 30%;
}
.shopping-ul-info .input-group button,.shopping-ul-info .input-group button:hover{
    cursor: default !important;
}
.shopping-ul-info li,.shopping-ul-info a{
    color: #0C0C0C;
}
.shopping-ul-info img{
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 1em;
}
.shopping-qty{
    width: 30% !important;
    text-align: center;
}
#count{
    text-align: center;
}
.update-shopping{
    text-align: right;
    padding: 2em 0.4em;
    border-bottom: 2px solid #946825;
}
.update-shopping button{
    color: #ffffff;
    background: #946825;
}
.layui-layer-btn0,.layui-layer-btn1{
    height: auto !important;
    color: #ffffff !important;
    background: #946825 !important;
    font-size: 14px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    display: inline-block !important;
    padding: 6px 12px !important;
}
.empty-shopping .col-md-6{
    padding: 100px 0;
    text-align: right;
}
.empty-shopping img {
    width: inherit;
}
.empty-shopping h1{
    font-size: 30px;
    padding-bottom: 0.4em;
}
.empty-shopping a{
    color: #ffffff;
    background: #946825;
    padding: 0.4em 0.8em;
    border-radius: 5px;
}
/*shopping end*/
/*account start*/
section {
    padding-top: 20px;
    margin-bottom: 40px;
}
.account .account-list{
    border: 1px dashed #946825;
}
.account .account-list li {
    border-bottom: 1px dashed #946825;
    display: block;
}
.account .account-list li:last-child{
    border: none;
}
.account .account-list li a{
    color: #373737;
    font-size: 16px;
    display: block;
    padding: 0.8em 0em 0.8em 1em;
}
.account .account-list .active,.account .account-list li:hover{
    background-color: #946825;
}
.account .account-list .active a,.account .account-list a:hover{
    color: #ffffff;
}
.account-box h1 {
    margin: 0;
    font-size: 30px;
    padding-bottom: 5px;
    border-bottom: 3px solid #946825;
}
.account-box p {
    margin-top: 5px;
}
.account-box .account-box-con {
    margin-top: 60px;
}
.account-product-box .account-box-con{
    margin-top: 10px;
}
.account-product-box ul{
    margin-left: 0;
}
.account-box .account-box-con input{
    width: 40%;
}
.account-box h2 {
    color: #2f2f2f;
    font-size: 24px;
    padding-bottom: 0.2em;
    border-bottom: 2px solid #946825;
}
.account-box .sub-box h3{
    font-size: 18px;
    float: left;
    margin: 0;
}
.account-box i{
    font-size: 14px;
}
.account-box label>i,#contact-form i {
    font-size: 14px;
    color: #ff0000;
}
.account-box .sub-box .box-edit{
    float: right;
    display: inherit;
}
.account .sub-box a{
    color: #2f2f2f;
}
.account-box .sub-box .box-main{
    clear: both;
    padding-top: 0.4em;
}

.account-box .back {
    border-top: 1px solid #946825;
}
.account-box .back .left-back {
    color: #2d2d2d;
    font-size: 18px;
    line-height: 41px;
    float: left;
}
.account-box .back .left-back a {
    color: #946825;
}
.account-box .back .right-set a {
    color: #ffffff;
    font-size: 18px;
    line-height: 41px;
    padding: 0px 18px;
    background-color: #946825;
    float: right;
}
.account-box .back a:hover {
    color: #1e1e1e;
    text-decoration: none;
}
.recommend-list{
    padding:3em 0;
}
.recommend-list .title-list{
    font-size: 18px;
    background: #ebd0a4;
    padding: 0.4em 0 0.4em 0.6em;
    display: block;
}
.account-box .account-box-con .address{
    padding: 0 10px;
    padding-bottom: 1em;
}
.account-box .account-box-con .address ul{
    border: 1px dashed #cccccc;
    padding: 0 10px;
}
.account-box .account-box-con .address li{
    line-height: 24px;
    padding: 0.2em;
    display: block;
}
.account-box .account-box-con .address a{
    color: #946825;
    font-size: 16px;
    padding-right: 15px;
}
.account .error{
    padding: 4px 6px;
    width: 40%;
}
.account .order-content{
    padding-top: 10px;
}
.account .order-content ul{
    margin: 0;
}
.wishlist .shopping-ul-title li:first-child,
.wishlist .shopping-ul-info li:first-child{
    width: 66% !important;
    text-align: left;
}
.wishlist .shopping-ul-title li,
.wishlist .shopping-ul-info li{
    width: 15% !important;
}
.wishlist .wishlist-content .shopping-ul-title th {
    color:#ffffff;
}
.order-items>thead>tr>th,.order-items>tbody>tr>td{
    text-align: center;
}
.order-items>tbody>tr>td img{
    width: 100px;
    height: 167px;
}
.order-items>tbody>tr>td{
    border-right: none !important;
    border-left: none !important;
}
.order-items>tbody>tr>td:nth-child(5),
.order-items>tbody>tr>td:nth-child(6),
.order-items>tbody>tr>td:nth-child(7){
    border-top: none !important;
}
.complete-item>tbody>tr>td:nth-child(7){
    border-right: none !important;
}
.table-responsive>tbody>tr>td:first-child {
    border-top: 0 !important;
}
.table-responsive>tbody>tr>td:last-child {
    border-bottom: 0 !important;
}

.order-items a,.order-items a:hover{
    color: inherit;
}
.order-items .option a{
    font-size: 14px;
}
.shopping-complete .text-center,.shopping-complete .order-content,.shopping-complete .freight{
    padding: 2em 1em;
}
.shopping-complete h1,.shopping-complete i{
    color: green;
    font-size: 20px;
}
.shopping-complete .text-center span a,.shopping-complete .text-center span a:hover{
    color: inherit;
    font-size: 14px;
}
.shopping-complete .freight ul li{
    padding: 0.2em 1.8em;
}
.shopping-complete .complete-error h1,.shopping-complete .complete-error i{
    color: red;
    font-size: 20px;
}
/*end*/
/*order*/
.order-list{
    padding: 40px 0;
}
.order-list .order-sub-list h2{
    font-size: 20px;
    padding: 0.2em 0;
    border-bottom: 2px solid #946825;
}
.order-list .order-address dl{
    padding: 0.4em;
    border: 2px dashed #cccccc;
}
.order-list .order-address dl:hover,.order-list .address .active dl{
    border: 2px dashed #946825;
}
.order-list .order-address dt{
    padding: 0.2em;
    border-bottom: 2px solid #cccccc;
}
.order-list .order-sub-list .shopping-content ul li:first-child{
    width: 66%;
    text-align: left;
}
.order-list .order-sub-list .shopping-content ul li{
    width: 10%;
}
.shopping-content .shopping-ul-title th {
    color:#ffffff;
}
.order-list .submit-order{
    padding-top: 20px;
    float: right;
    right: 20px;
}
.appraise_item{
    padding-bottom: 0.4em;
}
.appraise_item>table>tbody>tr>td img{
    width: 60px;
    height: 70px;
    padding-right: 0.8em;
}
.comment-list a,.comment-list a:hover{
    font-size: 16px;
    color: inherit;
}
.comment-list>ul>li{
    font-size: 16px;
    padding: 0.4em 0;
}
.comment-list>ul>li>ul>li:first-child{
    width: 3%;
}
.comment-list>ul>li>ul>li:nth-child(2){
    width: 50%;
}
.comment-list>ul>li>ul>li:nth-child(4){
    width:20%;
}
.comment-list>ul>li>ul>li{
    width: 12%;
}
/*password*/
.name {
    background: url("../img/mmbj.png") no-repeat;
}
.identity {
    background: url("../img/mmbj2.png") no-repeat;
}
.setting {
    background: url("../img/mmbj3.png") no-repeat;
}
.finish {
    background: url("../img/mmbj4.png") no-repeat;
}
.name:link, .name:visited, .name:hover, .name:active {
    background: url("../img/mmbj.png") no-repeat;
}
.identity:link, .identity:visited, .identity:hover, .identity:active {
    background: url("../img/mmbj22.png") no-repeat;
}
.setting:link, .setting:visited, .setting:hover, .setting:active {
    background: url("../img/mmbj33.png") no-repeat;
}
.finish:link, .finish:visited, .finish:hover,.finish:active {
    background: url("../img/mmbj44.png") no-repeat;
}
.password1 {
    width: 350px;
    margin: 50px auto;
}
.form-group1 {
    margin:15px auto;
}
.new1 {
    float: left;
}
.password {
    margin: 20px auto;
}
.password a {
    color: #999999;
    font-size: 18px;
    line-height: 36px;
    font-family: "微软雅黑";
    padding: 15px 28px;
}
.password .active a{
    color: #ffffff;

}
.password p {
    margin: 50px 0 30px 0;
    color: #373737;
    font-size: 20px;
    line-height: 36px;
    font-family: "微软雅黑";

}
.password >p+p{
    margin-top: 30px;
}
.next1 a {
    color: #ffffff;
    background-color: #946825;
    padding: 0.5% 40%;
    border-radius: 5px;
}
.password span {
    margin-bottom: 0 !important;
    color: #ffffff;
    font-size: 16px;
    line-height: 35px;
    background-color: #946825;
    padding: 3px 20px;
    border-radius: 5px;
    font-family: "微软雅黑";
}
.glyphicon {
    color: #4a4949;
    font-size: 18px;
}
.glyphicon a {
    color: #ff0000;
    font-size: 18px;
    font-family:"微软雅黑" ;
    padding: 0;
}
/*end*/